iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 3
0
Modern Web

30天每日死磕面试题3+1系列 第 3

30天面试题 DAY 3

  • 分享至 

  • xImage
  •  

HTML

请说说<pre>**<code> **标签的区别
第一:code单行显示,而pre则是显示多行
第二:pre里的内容会保留换行符和空格,code里的不会保留
第三:pre标签是块级元素,code标签是行内元素
看了下谷歌浏览器关于这两个标签的用户样式:

code {
font-family: monospace;
}

pre {
display: block;
font-family: monospace;
white-space: pre;
margin: 1em 0px;
}

不难看出code标签仅仅是给文字设置了浏览器的默认等宽字体;而pre标签默认的white-space属性值是pre,即保留连续空白符;

CSS 字母“X” 在CSS中有什么作用?

第一:作为关闭按钮的叉叉
第二:底部与文本对齐的基线位置相同
扩展 CSS中有一个属性为 ”x-height” 即小写x的高度 也就是等分线的高度

JS 自己实现数组的’map’ 、filterfind方法

map
Array.prototype.newMap = function(fn, context) {
let newArr = new Array;
if(typeof fn !== "function") {
throw new TypeError(fn + "is not a function");
}
var context = arguments[1];
for (var i = 0; i < this.length; i++) {
newArr.push(fn.call(context, this[i], i, this))
}
return newArr
}
find
Array.prototype.newFind = function(fn, context) {
let str;
if(typeof fn !== "function") {
throw new TypeError(fn + "is not a function");
}
var context = arguments[1];
for (var i = 0; i < this.length; i++) {
if(fn.call(context, this[i], i, this)) {str = this[i];break; }
}
return str
}
filter
Array.prototype.newfilter = function (fn, context) {
let newArr = new Array;
if (typeof fn !== "function") {
throw new TypeError(fn + "is not a function");
}
var context = arguments[1];
for (var i = 0; i < this.length; i++) {
if (fn.call(context, this[i], i, this)) { newArr.push(this[i]) }
}
return newArr
}


由于今天就要开学了,所以要去和同学一起推销单宽带,所以今天的内容昨天就打好了并且早上一早起来发布,如果有任何问题都可以在下方留言,我都会看,另外,过几天的话,我会加几道算法题目来扩展一下,还是那句话,喜欢本文的,记得点一下订阅哦!


上一篇
30天面试题第二天
下一篇
DAY 4: 面试题第四天
系列文
30天每日死磕面试题3+19
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言